﻿<%@ page title="Accordion Widget" language="C#" masterpagefile="~/standard.master" codefile="accordion.aspx.cs" inherits="Sample.JQuery.AccordionPage" %>
<asp:content id="Content" contentplaceholderid="ContentPlaceHolder" runat="server">
	<div><asp:hyperlink runat="server" id="CodeLink" navigateurl="~/code.aspx?file=accordion&title=Accordion+Widget+Code" text="View Source Code" /></div>
	<div><asp:label runat="server" id="TimestampLabel" /></div>
	<jquery:accordion runat="server" id="Accordion">
		<jquery:accordionpanel runat="server" headertext="Welcome">
			<p>
				This is the GreenIsomer ASPX implementation of the
				<jquery:themedicon runat="server" symbol="NewWin" tooltip="Opens in New Window" />
				<a href="http://jqueryui.com/demos/accordion/" target="_blank">jQuery UI Accordion Widget</a>.
			</p>
			<p>
				The panels that follow demonstrate how the implementation into the ASPX world has been
				made seamless when using various post-back techniques.
			</p>
		</jquery:accordionpanel>
		<jquery:accordionpanel runat="server" headertext="Update Panel Post-back">
			<asp:updatepanel runat="server" id="UpdatePanel">
				<contenttemplate>
					<asp:label runat="server" id="AtlasTimestampLabel" />
					<asp:button runat="server" id="AtlasPostBackButton" text="Submit" />
					<p>
						The post-back on this panel is inside an ATLAS UpdatePanel control.
						Notice how the timestamp on this panel updates, while the timestamp above does not.
					</p>
				</contenttemplate>
			</asp:updatepanel>
		</jquery:accordionpanel>
		<jquery:accordionpanel runat="server" headertext="Traditional Post-back">
			<asp:label runat="server" id="TraditionalTimestampLabel" />
			<asp:button runat="server" id="TraditionalPostBackButton" text="Submit" />
			<p>
				The post-back on this page a simple ASPX button control with no UpdatePanel.
				Notice how all timestamps on this page update. Also see how the currently-selected panel remains after post-back.
			</p>
		</jquery:accordionpanel>
	</jquery:accordion>
</asp:content>